<?php
require_once 'config.php';
require_once '../uploadcare/lib/5.3-5.4/Uploadcare.php';
use \Uploadcare;
$uc_handler = new Uploadcare\Api(UC_PUBLIC_KEY, UC_SECRET_KEY);
?>
<!DOCTYPE html>
<html>
<head>
<meta encoding='utf-8'>
<title>Uploadcare</title>
<link href="//ucarecdn.com/assets/application-68fbe95c430b7646b16aef33e1ad2824.css" media="screen" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|PT+Sans+Caption&amp;subset=latin,cyrillic" media="screen" rel="stylesheet" type="text/css" />
<script src="//ucarecdn.com/assets/application-241564109602bb3ae298c344abff83a7.js" type="text/javascript"></script>
<?php echo $uc_handler->widget->getScriptTag(); ?>
</head>
<body class='welcome quick_start docs'>
<div class='wrap'>
<header class='header'>
<div class='logo hide-till-loaded'>
<a href="/" class="pic"><img alt="Logo" src="//ucarecdn.com/assets/logo-07ad940955c42489ffac0a2c2f0c5d62.png" /></a>
<a href="/">Uploadcare</a>
</div>
<div class='logo logo-animated show-till-loaded'>
<a href="/" class="pic"><img alt="Loading" src="//ucarecdn.com/assets/loading-04f291b2aa39cf277186c36d18d9217f.png" /></a>
<a href="/">Uploadcare</a>
</div>
</header>

<div class='page-content-placeholder'></div>
<div class='page-content'>
<section class='content text-content' style="width: 100%;">
<article class='content-block'>
<ul class="instructions" style="list-style-type: none;">
    <li id="step1">
        <div class="item-header" role="foldable-folder">
            <h2 class="upload">Use Uploadcare widget to upload any image.</h2>
        </div>
        <div class="hinted">
        		<form method="POST" action="upload.php" id="uc_form">
        			<?php echo $uc_handler->widget->getInputTag('qs-file', array('attr' => 1)); ?>
            	<input type="submit" value="Save!" />
            </form>
            <p id="uc_form_nofile_hint" style="display: none; margin-top: 20px; color: #ff0033;">
            	<img src="img/warning.jpg" alt="" />
            	Please, upload any image using Uploadcare widget.
            </p>
        </div>
    </li>
</ul>

</article>
</section>
</div>
</div>
</body>
<script type="text/javascript">
	$(function() {
		handleUCForm = function() {
			if (!$('#uc_form input[name=qs-file]').val()) {
				$('#uc_form_nofile_hint').slideDown();
				setTimeout('hideNoFileHint()', '1500');
				return false;
			}
		};
		hideNoFileHint = function() {
			$('#uc_form_nofile_hint').slideUp();
		}
		$('#uc_form').submit(handleUCForm);
	});
</script>
</html>